<template>
  <div>
    <Mycount>
      <template #title> 用户名 </template>
      <template #body>
        <input type="text" name="" id="" />
      </template>
    </Mycount>
    <Mycount>
      <template #title>
      密码
      </template>
      <template #body>
        <input type="password" name="" id="" />
      </template>
    </Mycount>
    <Mycount>
      <template #title> 性别 </template>
      <template #body>
        <input name="sex" type="radio" id="nan" checked />
        <label for="nan">男</label> <input name="sex" type="radio" id="nv" />
        <label for="nv">女</label>
      </template>
    </Mycount>
    <Mycount>
      <template #title> 爱好 </template>
      <template #body>
        <input type="checkbox" id="yan" /> <label for="yan">抽烟</label>
        <input type="checkbox" id="jiu" /> <label for="jiu">喝酒</label>
        <input type="checkbox" id="tou" /> <label for="tou">烫头</label>
      </template>
    </Mycount>
    <Mycount>
      <template #title> 来自于 </template>
      <template #body>
        <select value="">
          <option>---</option>
          <option>北京</option>
          <option>上海</option>
          <option>武汉</option>
        </select>
      </template>
    </Mycount>
  </div>
</template>

<script>
import Mycount from "@/components/MyCond.vue";
export default {
  components: {
    Mycount,
  },
};
</script>

<style></style>
